import styled from "styled-components";

export const VehicleFileBox = styled.div`
  padding: 2rem 2rem;
  width: 170rem;
  box-sizing: border-box;


`
export const TitleBox = styled.div`
  font-size: 2.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
`;
export const FormBox = styled.div`
    margin-top: 2rem;
`;

export const PopBox= styled.ul`
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding: 0rem 1rem;
    .li-car{
      width: 30%;
      background: #F2F3F4;
      border-radius: .4rem;
      text-align: center;
      font-size: 1.2rem;
      padding: 0.3rem 0;
      margin-bottom: 1rem;
      cursor: pointer;
      margin-left: .9rem;
    }
    .li-car:hover{
      background: #E5E5E5;
      color: #333333;
    }
  
`

export const PopoverBox = styled.div`
  #popover-chilren{
    .ant-popover-content{
      transform: translate(5rem,-2rem);
    }
  }

`


